import React from 'react'
import { Button, Space, Upload, Popconfirm } from "antd";
export default function Four() {
  return (
    <div style={{ clear: "both", marginTop: "50px" }}>
        <Space size={60}>
          <div
            style={{
              display: "inline-block",
              width: "250px",
              height: "130px",
              borderRadius: "14px",
              backgroundImage: " linear-gradient(to right, #2860ff, #20a9ff)",
              float: "left",
              padding: "18px",
            }}
          >
            <p style={{ color: "#fff", fontSize: "8px" }}>访客数</p>
            <p
              style={{ color: "#fff", fontSize: "26px", fontWeight: "bolder" }}
            >
              262,480
            </p>
            <p style={{ color: "#fff", fontSize: "8px", marginTop: "-18px" }}>
              较昨日 ↓ 12%
            </p>
          </div>
          <div
            style={{
              display: "inline-block",
              width: "250px",
              height: "130px",
              borderRadius: "14px",
              backgroundImage: " linear-gradient(to right, #19bd5e, #1adb86)",
              float: "left",
              padding: "18px",
            }}
          >
            <p style={{ color: "#fff", fontSize: "8px" }}>付费用户数</p>
            <p
              style={{ color: "#fff", fontSize: "26px", fontWeight: "bolder" }}
            >
              26,560
            </p>
            <p style={{ color: "#fff", fontSize: "8px", marginTop: "-18px" }}>
              较昨日 ↑ 6%
            </p>
          </div>
          <div
            style={{
              display: "inline-block",
              width: "250px",
              height: "130px",
              borderRadius: "14px",
              backgroundImage: " linear-gradient(to right, #f5a601, #face05)",
              float: "left",
              padding: "18px",
            }}
          >
            <p style={{ color: "#fff", fontSize: "8px" }}>浏览量</p>
            <p
              style={{ color: "#fff", fontSize: "26px", fontWeight: "bolder" }}
            >
              46,5600
            </p>
            <p style={{ color: "#fff", fontSize: "8px", marginTop: "-18px" }}>
              较昨日 ↓ 5%
            </p>
          </div>
          <div
            style={{
              display: "inline-block",
              width: "250px",
              height: "130px",
              borderRadius: "14px",
              backgroundImage: " linear-gradient(to right, #5546fd, #a36ff7)",
              float: "left",
              padding: "18px",
            }}
          >
            <p style={{ color: "#fff", fontSize: "8px" }}>支付订单数</p>
            <p
              style={{ color: "#fff", fontSize: "26px", fontWeight: "bolder" }}
            >
              5600
            </p>
            <p style={{ color: "#fff", fontSize: "8px", marginTop: "-18px" }}>
              较昨日 ↑ 8%
            </p>
          </div>
        </Space>
      </div>
  )
}
